<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通正健康咨询智能管理系统</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" href="../css/reset.css" />
<link rel="stylesheet" href="../css/common.css" />
<link rel="stylesheet" href="../css/page-common.css" />
<link rel="stylesheet" href="../css/Smoke520Theme/jquery-ui-1.10.3.custom.css" />
</head>
<body>
<div id="page">
    <div id="header">
        <img class="logo" src="../img/logo.png" alt="logo" width="170" height="40" />
        <div id="login-bar">
            <a href="#">注销</a> | <a href="#">退出</a>
        </div>
    </div>
    <div class="info-bar">
        <span>2013/07/10(星期日)</span><span>通正公司 XX部门</span><span>李四</span>
    </div>
    
  <div id="nav"> 
    <ul id="nav-main" class="util-clearfix">
      <li class="first"><a href="home.html">首页</a></li>
      <li><a href="#" url-data="#nav2">量表管理</a></li>
      <li><a href="#" url-data="#nav3">订单管理</a></li>
      <li><a href="#" url-data="#nav4">问卷管理</a></li>
      <li><a href="#" url-data="#nav5">对策编辑</a></li>
      <li><a href="#" url-data="#nav7">咨询建议</a></li>
      <li><a href="#" url-data="#nav1">基础信息管理</a></li>
      <li><a href="#" url-data="#nav6">报告管理</a></li>
      <li><a href="#">报表中心</a></li>
    </ul>
    <div class="nav-sub util-clearfix"> 
      <div class="nav-sub-body" id="nav1"><a href="managePart.html">数据字典</a> | 
        <a href="manageDeparment.html">部门管理</a> | <a href="manageArchitecture.html">组织结构管理</a> 
        | <a href="manageUser.html">用户管理</a> | <a href="managePower.html">权限分配</a></div>
      <div class="nav-sub-body" id="nav2"><a href="manageTable.html">量表管理</a> 
        | <a href="manageTableType.html">类型管理</a> | <a href="manageFormula.html">公式管理</a> 
        | <a href="managePrice.html">价格管理</a> | <a href="manageExplain.html">解释管理</a> 
        | <a href="assignTable.html">量表分配</a> | <a href="managePool.html">题库管理</a> 
        | <a href="manageDimension.html">维度管理</a> | <a href="manageConstant.html">常维管理</a> 
        | <a href="imageTemplate.html">图解模板</a> | <a href="manageExpertSuggestion.html">专家建议</a></div>
      <div class="nav-sub-body" id="nav3"><a href="manageOrder.html">订单管理</a> 
        | <a href="managePackage.html">套餐管理</a> | <a href="manageQuote.html">报价管理</a> 
        | <a href="manageSchedule.html">进度计划管理</a> | <a href="manageCustomer.html">客户信息管理</a></div>
      <div class="nav-sub-body" id="nav4"><a href="questionnaire.html">新增问卷</a> 
        | <a href="questionnaireList.html">问卷列表</a> | <a href="questionnaireList1.html">试题列表</a></div>
      <div class="nav-sub-body" id="nav5"><a href="manageCountermeasureP">个人</a> 
        | <a href="manageCountermeasureC.html">公司</a> | <a href="manageCountermeasureD">部门</a></div>
      <div class="nav-sub-body" id="nav6"><a href="manageReport.html">报告管理</a></div>
      <div class="nav-sub-body" id="nav7"><a href="manageExpert.html">专家管理</a> 
        | <a href="manageCategory.html">咨询类别设置</a> | <a href="manageSuggestion.html">建议管理</a></div>
    </div>
  </div>
    
  <div id="content" class="util-clearfix"> 
    <div id="main1"> 
      <div class="report-box"> 
        <div class="report-box-title util-clearfix"> 
          <div class="title-text">量表分配</div>
          <div class="title-action"> <a href="#" id="save-btn" class="ui-button-page ui-button-normal ui-button-medium">分配</a> 
          </div>
        </div>
        <div class="report-box-body"> 
          <div class="tab-contents1">
		  	<table width="100%">
				<tr>
					<td width="44%" style="vertical-align:top;">
						<div class="seach-table"> 
						  <table>
							<tr> 
							  <th width="50px">套餐名</th>
							  <td width="60px">
								<select>
								  <option>套餐A</option>
								  <option>套餐B</option>
								  <option>套餐C</option>
								</select>
							  </td>
							  <th width="50">量表名</th>
							  <td><input style="width:80px;" type="text" class="ui-textfield ui-textfield-system" /><button class="ui-button-page ui-button-primary ui-button-medium" type="submit">查询</button>
							</tr>
						  </table>
						</div> 
						<div class="add-table"> 
						  <table width="100%">
							<tr> 
							  <td> 
								<!-- 全选实例 注意三个class的使用 -->
								<table width="100%" class="check-all">
								  <tr> 
									<td width="50px"><input class="check-all-trriger" name="" type="checkbox" value=""> 
									  &nbsp;全选</td>
									<td>量表名称</td>
								  </tr>
								  <tr> 
									<td><input class="check-all-on" name="" type="checkbox" value=""></td>
									<td>XXXXXXXXXXXXXXXXXXX</td>
								  </tr>
								  <tr> 
									<td><input class="check-all-on" name="" type="checkbox" value=""></td>
									<td>XXXXXXXXXXXXXXXXXXX</td>
								  </tr>
								</table>
								<!-- 全选实例 -->
							  </td>
							</tr>
							<tr> 
							  <td><input name="" type="radio" value=""> &nbsp;测试者&nbsp; 
								<input id="tester" type="text" style="width:60px;" class="ui-textfield ui-textfield-system disabled" value="张三" readonly="true" /> 
								&nbsp;&nbsp;&nbsp;&nbsp; <input name="" type="radio" value=""> 
								&nbsp;所属组名&nbsp; <input style="width:60px;" type="text" class="ui-textfield ui-textfield-system disabled" value="A001" readonly="true" /></td>
							</tr>
						  </table>
						</div>
					</td>
					<td width="1%">
					</td>
					<td width="55%" style="vertical-align:top;">
						<div class="seach-table"> 
						  <table>
							<tr> 
							  <th width="40px">工号</th>
							  <td width="60px"><input type="text" class="ui-textfield ui-textfield-system" style="width:60px" /></td>
							  <th width="40px">姓名</th>
							  <td width="60px"><input type="text" class="ui-textfield ui-textfield-system" style="width:60px" /></td>
							  <th width="40px">组号</th>
							  <td><input type="text" class="ui-textfield ui-textfield-system" style="width:60px" /><button class="ui-button-page ui-button-primary ui-button-medium" type="submit">查询</button>
							</tr>
						  </table>
						</div> 
						<div class="add-table"> 
						  <table width="100%">
							<tr> 
							  <td> 
								<!-- 全选实例 注意三个class的使用 -->
								<table width="100%" class="check-all">
								  <tr> 
									<td width="33%"><input class="check-all-trriger" name="" type="checkbox" value=""> 
									  &nbsp;组名</td>
									<td width="33%">姓名</td>
									<td>工号</td>
								  </tr>
                                  <!--注意之后添加的class 与 rel-->
								  <tr> 
									<td rowspan="2"><input class="check-all-on" rel="type1" name="" type="checkbox" value="">&nbsp;A001</td>
									<td><input class="check-all-on-sub" rel="type1" name="" type="checkbox" value="">&nbsp;张三</td>
									<td>E00011</td>
								  </tr>
								  <tr>
									<td><input class="check-all-on-sub" rel="type1" name="" type="checkbox" value="">&nbsp;李四</td>
									<td>E00012</td>
								  </tr>
								  <tr> 
									<td rowspan="2"><input class="check-all-on" rel="type2" name="" type="checkbox" value="">&nbsp;A002</td>
									<td><input class="check-all-on-sub" rel="type2" name="" type="checkbox" value="">&nbsp;王一</td>
									<td>E00015</td>
								  </tr>
								  <tr>
									<td><input class="check-all-on-sub" rel="type2" name="" type="checkbox" value="">&nbsp;王二</td>
									<td>E00016</td>
								  </tr>
                                  <!--注意之后添加的class 与 rel-->
								</table>
								<!-- 全选实例 -->
							  </td>
							</tr>
						  </table>
						</div>
					</td>
				</tr>
			</table>
			
          </div>
        </div>
      </div>
    </div>
  </div>

    <div id="footer">Copyright &copy; 2007-2012 XXXXX Group Co.Ltd All Rights Reserved</div>
</div>

<div id="add-tester" class="open-dialog" style="display:none">
    <table width="100%">
        <tr>
            <th>所属组名</th>
            <td><input type="text" class="ui-textfield ui-textfield-system" /></td>
        </tr>
        <tr>
            <th>姓名</th>
            <td><input type="text" class="ui-textfield ui-textfield-system" /></td>
        </tr>
		<tr>
            <th>员工号</th>
            <td><input type="text" class="ui-textfield ui-textfield-system" /></td>
        </tr>
        <tr>
            <td colspan="2">
				<table class="top-table" width="100%">
					<thead>
						<tr>
							<td width="50px"><input name="" type="checkbox" value="">&nbsp;全选</td>
							<td>姓名</td>
							<td>所属组</td>
						</tr>
					</thead>
						<tr>
							<td><input name="" type="checkbox" value=""></td>
							<td>李四</td>
							<td>A001</td>
						</tr>
						<tr>
							<td><input name="" type="checkbox" value=""></td>
							<td>王一</td>
							<td>A002</td>
						</tr>
				</table> 
			</td>
        </tr>
    </table>        
</div>

<script src="../js/jquery-1.7.min.js"></script>
<script src="../js/nav.js"></script>
<script src="../js/jquery-ui-1.10.3.custom.min.js"></script>
<script>
    $(function(){
        $('.tab-titles li').click(function(){
            $('.tab-titles li').removeClass('active-tab');
            $(this).addClass('active-tab');
            var target = $(this).find('a').attr('href');
            $('.tab-contents').hide();
            $(target).show();
            return false;
        });

        $(".datepicker").datepicker();

        $("#add-tester").dialog({
            autoOpen: false,
            width: 400,
            title: '选择测试者',
            modal: true,
            buttons:{
                '确定':function(){
                    $(this).dialog('close');
                },
                '关闭':function(){
                    $(this).dialog('close');
                }
            }
        });
        
        $('#tester').click(function(){
            $("#add-tester").dialog('open');           
        });

    });
</script>
</body>
</html>